<!DOCTYPE html>
<html lang="en" class="h100">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="./js/flex.js"></script>
  <link rel="stylesheet" href="./js/layui/css/layui.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/jquery.js"></script>
  <script src="./js/layui/layui.js"></script>
</head>

<body class="h100">
  <div class="answer-sheet-wrap">
    <div class="subject-box answer-top-box">
      <div class="t-bg"></div>
    </div>
    <div class="return-box no-bg">
      <a href="javascript:;" class="title top-return-btn"><img src="images/return.png" class="r-icon" />刷题结果</a>
    </div>
    <div class="answer-middle-box">
      <div class="a-result-text">恭喜你！完成本次练习</div>
      <div class="my-play">第一次练习</div>
    </div>
    <div class="answer-sheet-box">
      <div class="i-box">
        <div class="top-box">
          <div class="item">
            <h3 class="title">你的得分</h3>
            <div class="val">6</div>
          </div>
          <div class="item">
            <h3 class="title">平均得分</h3>
            <div class="val">23.55</div>
          </div>
          <div class="item">
            <h3 class="title">你的用时</h3>
            <div class="val">60``</div>
          </div>
          <div class="item">
            <h3 class="title">平均用时</h3>
            <div class="val">14`10``</div>
          </div>
        </div>
        <div class="inner-box">
          <div class="s-title">
            答题卡<i class="tips">tips: 点击题号查看对应解析</i>
          </div>
        </div>
        <div class="list-wrap">
          <ul class="list clearfix">
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">1</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">2</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">3</p>
                <img src="images/a-fali.jpg" class="fail"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">4</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
            <li>
              <div class="inner">
                <p class="order">5</p>
                <img src="images/a-right.jpg" class="right"/>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="bottom-box">
      <div class="box">
        <a href="#" class="btn fail-btn">错题解析</a>
        <a href="#" class="btn again-btn">错题解析</a>
      </div>
    </div>
  </div>
  <script src="./js/main.js"></script>
</body>
</html>